@import '/node_modules/semantic-ui-css/semantic.min.css';
@import '/node_modules/semantic-ui-icon/icon.min.css';

.ui.inverted.input > input {
  background: #3E3E3E;
}

/* Patch in missing Semantic UI inverted styles */

.ui.styled.accordion {
  background: inherit;
}

.ui.styled.accordion.inverted {
  color: #C5C5C5;
}

.ui.toggle.checkbox.inverted .box, .ui.toggle.checkbox.inverted label {
  color: #FFF;
}

.ui.toggle.checkbox.inverted label:before {
  box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset;
}

.ui.toggle.checkbox.inverted input {
  border: 1px solid #FFF;
}

.ui.attached.tabular.menu a {
  color: #757575;
}

.ui.attached.tabular.menu.inverted a {
  color: #FFFFFF;
}

.ui.toggle.checkbox.inverted input:checked~.box,
.ui.toggle.checkbox.inverted input:checked~label {
  color: #FFF !important;
}

.ui.table {
  border-radius: 0;
  margin: 0;
}

.ui.table thead tr th {
  border-radius: 0;
}

.ui.attached.menu {
  border-color: #DEDEDE;
}

.ui.attached.menu .item,
.ui.attached.menu .active.item {
  border-top: 0;
  border-radius: 0 !important;
}

.ui.attached.menu .active.item {
  border-color: #DEDEDE;
}

.ui.attached.tab {
  border: none;
  flex: 1;
  padding: 0;
}

.ui.item.inverted {
  border-color: transparent !important;
}

.ui.segmentui.segment.inverted {
   border-bottom: 2px solid rgb(51, 51, 51);
}

.ui.attached.tabular.menuui.inverted {
   border-bottom: 1px solid rgb(51, 51, 51);
}

.ui.inverted.segment, .ui.primary.inverted.segment {
  background: #222;
}

[data-position~=top][data-tooltip]:before {
  z-index: 1002;
}

[data-tooltip][data-position="bottom left"]:hover:after, [data-tooltip][data-position="bottom right"]:hover:after, [data-tooltip][data-position="top left"]:hover:after, [data-tooltip][data-position="top right"]:hover:after {
  z-index: 1001;
}

h3 {
  font-size: 15px;
}
